<template>
  <div class="login full">


    <div class="l1 container">
      <img class="l11" src="../assets/img/35.png"/>
      <div class="l12 text-center">
        <!--<div class="l13">微信扫码登录</div>-->
        <iframe class="l14 mar-center" :src="src"/>
      </div>
    </div>

    <Copyright/>
  </div>
</template>

<script>
import Copyright from "@/components/child/Copyright";

export default {
  name: 'Login',
  components: { Copyright },
  data () {
    return {
      src: ''
    }
  },
  created () {
    this.getLoginConfig();
  },
  methods: {
    async getLoginConfig () {
      let res = await this.$http.post('getLoginConfig', {});
      if (res.data && res.data.data) {
        this.src = res.data.data.loginUrl
      }
      console.log(res)
    },
    login () {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.login {
  background-image: url("../assets/img/bg.png");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  .l1{
    width: 766px;
    height: 414px;
    background: #FFFFFF;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
    border-radius: 6px;
    .l11{
      height: 414px;
      width: 371px;
    }
    .l12{
      flex-grow: 1;
      padding-right: 40px;
      padding-top: 20px;
      .l14{
        width: 300px;
        height: 400px;
        border: none;
      }
    }
    .l13{
      padding-top: 70px;
      padding-bottom: 30px;
      font-size: 20px;
      line-height: 28px;
      color: #000000;
    }
  }
}
</style>
